<template>
    <div class="layout-admin">
        <Header/>
        <Menu/>
        <div class="layout-body" :style="{left: leftVal}">
            <div class="body-container">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>

<script>
    import Header from './Header';
    import Menu from './Menu';

    export default {
        name: 'Main',
        components: {
            Header,
            Menu
        },
        data() {
            return {}
        },
        mounted() {

        },
        computed: {
            leftVal() {
                let isCollapse = this.$store.state.isCollapse;
                return isCollapse ? '60px' : '200px';
            }
        },
        methods: {}
    }
</script>
